<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种使用样式表</title>
		<!-- html部分 -->
		<style>
			/* css注释方式*/
			/* css部分：选择器：抓取页面元素，元素增加效果
			            选择器{
							属性：属性值；
							属性：属性值；
						}
			 */
			p{
			    width:200px;
				height: 200px;
				background: #fabfc1;   /*16进制色值*/
			}
		</style>
	</head>
	<body>
		<!-- ①内联样式表，叫做行内样式表 【开发不用:没有真正实习那内容与表现分离】
		     语法：前标记 style="属性：属性值；属性：属性值；"...
			 -->
		<div style="width:300px; height: 300px;background: red;">	</div>
		<!-- ②内部样式表 【开发不用：练习专用】
		     html部分：在head元素中，添加style元素
			 css部分，在style元素中，添加css样式-->
			 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure, omnis soluta molestias sunt cumque eaque quam officia tempore, placeat cum vel dolorum voluptatem quod tenetur! Est eos quod accusantium? Soluta.</p>
	</body>
</html>